<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
	<title>报表分析</title>
	<script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>
</head>

<body>
	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}">管理系统</span> - 每日收款明细报表</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">

		<!-- Table -->
		<div class="panel panel-flat min-panel">
			<div class="panel-heading">
				<h5 class="panel-title text-primary"><i class="icon-twitter"/>产品销量分析</h5>
        	</div>

        	<div class="panel-body">
        			<form id="query" action="#" class="form-horizontal">
        			<input type="hidden" id="sort" name="sort" value="0"/>
        			<div class="row">
						<div class="row">
							<div class="col-md-3">
								<div class="form-group">
									<label class="col-lg-5 control-label">开始时间:</label>
									<div class="col-lg-7">
										<input type="text" id="beginDate" name="beginDate" class="form-control" placeholder="开始时间模糊查询" />
									</div>
								</div>
							</div>
							
							<div class="col-md-3">
								<div class="form-group">
									<label class="col-lg-5 control-label">结束时间:</label>
									<div class="col-lg-7">
										<input type="text" id="endDate" name="endDate" class="form-control" placeholder="结束时间模糊查询" />
									</div>
								</div>
							</div>
							
							<div class="col-md-3">
								<div class="form-group">
									<label class="col-lg-5 control-label">父类产品:</label>
									<div class="col-lg-7">
										<select id="parentId" name="parentId" class="select form-control input-xs">
											<option value="" >选择父类产品</option>
											<option th:each="product : ${parentProductList}" th:value="${product[0]}" th:text="${product[1]}"></option>
										</select>
									</div>
								</div>
							</div>
							
							<div class="col-md-1" >
								<div class="form-group">
									<button type="button" id="submit" class="btn btn-primary">查询 <i class="icon-search position-right"></i></button>
								</div>
							</div>
							</div>
						</div>
        			</form>
        			
				<table class="table datatable-basic table-striped table-hover">
					<thead>
						<tr class="bg-primary">
							<th>产品名称</th>
							<th><a href="#" style="color:#FFF;text-decoration:underline" onclick="sortA()">销售额</a></th>
							<th><a href="#" style="color:#FFF;text-decoration:underline" onclick="sortB()">操作次数</a></th>
						</tr>
					</thead>
					<tbody class="border-dashed">
						
					</tbody>
				</table>
				<br/>
				
				<table class="table parent-datatable-basic table-striped table-hover">
					<thead>
						<tr class="bg-primary">
							<th>父类产品名称</th>
							<th>销售额</th>
						</tr>
					</thead>
					<tbody class="border-dashed">
						
					</tbody>
				</table>
			</div>
		</div>
		
		<script type="text/templete" id="btnGroup">
			
		</script>
		
		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/productReport.js}"></script>
	</div>
	<!-- /main content -->

</body>
</html>
